﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>工作管理系统</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="title" content="Samples" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- 
		<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
		
		 -->
<link rel="stylesheet" type="text/css" href="/static/css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/static/js/codebase/dhtmlxtree.css" />
<link rel="stylesheet" type="text/css" href="/static/js/codebase/dhtmlxtabbar.css" />
<script type="text/javascript" src="/static/js/codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="/static/js/codebase/dhtmlxtabbar.js"></script>
<script type="text/javascript" src="/static/js/codebase/dhtmlxcontainer.js"></script>
<script type="text/javascript" src="/static/js/codebase/dhtmlxtree.js"></script>
<script type="text/javascript" src="/static/js/codebase/ext/dhtmlxtree_start.js"></script>
</head>
<body>
	<div id="header">
		<a class="logo" href="/" title="工作管理系统"></a>
		<div id="account">
			<ul>
				{% if user.is_authenticated %}
				<li><a href="/my/overview" class="my-account">我的帐号</a></li>
				<li><a href="/my/logout" class="logout">退出</a></li> {%else%}
				<li><a href="/my/login" class="login">登录</a></li> {%endif%}
			</ul>
		</div>
	</div>
	<div id="tabs">
		<div id="navTree1" name="Tab1" setImagePath="/static/js/codebase/imgs/" style="width: 100%; height: 100%;">
			<ul>
				<li>考勤
					<ul>
						<li><a href="/checkin/my" target="rframe" rel="checkin_log_page">我的考勤</a></li>
						<li><a href="/checkin/absence" target="rframe" rel="checkin_log_page">当月缺勤</a></li> {%autoescape off%} {{checkin_tree}}
						{%endautoescape%}
					</ul>
				</li>
			</ul>
		</div>
		<div id="navTree2" name="Tab2" setImagePath="/static/js/codebase/imgs/">
			<ul>
				<li>计划 
					<ul>
						<li><a href="/schedule/" target="rframe">我的计划</a></li>
                  		<li><a href="/schedule/todo" target="rframe">未填写计划</a></li>
                  		<li><a href="/schedule/compose" target="rframe">撰写计划</a></li>
						{%autoescape off%} {{schedule_tree}}{%endautoescape%}
					</ul>
				</li>
			</ul>
		</div>
		<div id="navTree3" name="Tab3" setImagePath="/static/js/codebase/imgs/">
			<ul>
				<li>回顾
					<ul>
						<li><a href="/review/" target="rframe">我的回顾</a></li>
                  		<li><a href="/review/unfinished" target="rframe">未填写回顾</a></li>
						{%autoescape off%} {{review_tree}}
						{%endautoescape%}
					</ul>
				</li>
			</ul>
		</div>
		<div id="navTree4" name="Tab4" setImagePath="/static/js/codebase/imgs/">
			<ul>
				<li>审批
					<ul>
						<li><a href="/approved/list" target="rframe">上级批复</a></li>
						{% if management_role %}
                   		<li><a href="/approved/unapprove" target="rframe">待批复</a></li>
                   		{% endif %}
						{%autoescape off%} {{approve_tree}}
						{%endautoescape%}
					</ul>
				</li>
			</ul>
		</div>
		<div id="navTree5" name="Tab5" setImagePath="/static/js/codebase/imgs/">
			<ul>
				<li>管理
					<ul>
						<li><a href="/admin/holiday/list" target="rframe">节假日</a></li>
	                    <li><a href="/admin/workday/list" target="rframe">工作日</a></li>
	                    <li><a href="/admin/dept/create" target="rframe">新增部门</a></li>
	                    <li><a href="/admin/user/create" target="rframe">新增用户</a></li>
						{%autoescape off%} {{admin_tree}}
						{%endautoescape%}
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<div id="right-frame">
		<iframe id="rframe" name="rframe" frameborder="0" scrolling="auto" width="100%" height="600px" src="/my/home"></iframe>
	</div>
	<script type="text/javascript">
		//function init() {
		var tabbar = new dhtmlXTabBar({
			parent : "tabs",
			image_path : "/static/js/codebase/imgs/",
			skin : "dhx_skyblue",
			mode : "left",
			tabs : [ {
				id : "tab1",
				label : "考<br/>勤",
				width : "100px"/*,
				active : true
				*/
			}, {
				id : "tab2",
				label : "计<br/>划",
				width : "100px"/* ,
												        active: true */
			}, {
				id : "tab3",
				label : "回<br/>顾",
				width : "100px"
			},{
				id : "tab4",
				label : "审<br/>批",
				width : "100px"
			},{
				id : "tab5",
				label : "管<br/>理",
				width : "100px",
				active : true
			}]
		});
		tabbar.setContent("tab1", "navTree1");
		tabbar.setContent("tab2", "navTree2");
		tabbar.setContent("tab3", "navTree3");
		tabbar.setContent("tab4", "navTree4");
		tabbar.setContent("tab5", "navTree5");
		var nav1 = dhtmlXTreeFromHTML('navTree1');
		var nav2 = dhtmlXTreeFromHTML('navTree2');
		var nav3 = dhtmlXTreeFromHTML('navTree3');
		var nav4 = dhtmlXTreeFromHTML('navTree4');
		var nav5 = dhtmlXTreeFromHTML('navTree5');
		//}
	</script>
	<div class="footer">
		<div class="footer-logo"></div>
		<div class="copyright">
			Copyright &copy; 1998-2011 DHTMLX LTD.<br />All rights reserved.
		</div>
	</div>
</body>
</html>